.qwdz {
    width: 100%;

    .center {
        width: 100%;

        .banner {
            width: 100%;
            position: relative;

            img {
                width: 100%;
                display: block;
            }

            button {

                height: 40px;
                padding: 5px 20px;
                border: none;
                border-radius: 4px;
                color: #fff;
            }

            .btn1 {
                position: absolute;
                bottom: 100px;
                left: 320px;
                background-color: #40558b;
            }

            .btn2 {
                position: absolute;
                bottom: 100px;
                left: 420px;
                margin-left: 40px;
                background-color: #91422d;
            }
        }

        // f1
        .f1 {
            width: 100%;
            background-image: url('../../../public/qwdz_img/bj01.jpg');

            .title01 {
                // margin: 0 auto;
                text-align: center;

                img {
                    margin: 100px 0;
                }
            }

            .sj {
                width: 100%;
                text-align: center;
                display: block;
            }
        }

        // f2
        .f2 {
            width: 100%;
            text-align: center;

            .title2 {
                width: 100%;
                margin: 100px auto;
            }

            .f2_body {
                width: 100%;

                img {
                    width: 100%;
                    display: block;
                    margin: 50px 0;
                }
            }
        }

        // f3
        .f3 {
            width: 100%;
            text-align: center;
            background-image: url('../../../public//qwdz_img//bj03.jpg');

            img {
                margin: 100px 0 0 0;
            }

            .swiper {
                width: 100%;
                --swiper-navigation-size: 100px;

                .swiper-slide {
                    width: 100%;
                    margin-bottom: 100px;

                    img {
                        width: 100%;
                    }
                }

                .swiper-button-prev{
                    color: #999999;
                    // // font-size: 30px;
                    
                    // .swiper-button-prev-bullet{
                    //     width: 55px;
                    // height: 10px;
                    // }
                }
                .swiper-button-next{
                    color: #999999;
                }
            }
        }

        .f4{
            width: 100%;
            background-image: url('../../../public/qwdz_img/bj04.jpg');
            text-align: center;

            .title4{
                margin-top: 100px;
            }
            .lc{
                margin: 100px 0;
            }
        }

        .f5{
            width: 100%;
            img{
                width: 100%;
                display: block;
            }
        }

        // .f6{
        //     width: 100%;
        //     position: relative;
        //     img{
        //         width: 100%;
        //         display: block;
        //     }

        //     .f6-btn{
        //         width: 140px;
        //         height: 40px;
        //         border: none;
        //         // background-color: red;
        //         position: absolute;
        //         bottom: 85px;
        //         left: 50%;
        //         transform: translate(-50%,0);
        //         z-index: 1;
        //     }
        // }

    }
}